import React from 'react'

// children属性
// 作用: 只要我们给组件标签内部填写了内容 这个内容会自动放到props对象的children属性中
// 这个属性是内部自动添加的 无需手动绑定

// 都支持哪些？
// 1. 纯文本
// 2. 模板 JSX [频率最高]
// 3. function [render props]




const A = ({ children }) => {
  return (
    <div>
      this is A
      <button onClick={() => children()}>click</button>
    </div>
  )
}


class App extends React.Component {
  render () {
    return (
      <div>
        <A>
          {() => console.log('我是一个function')}
        </A>
      </div>
    )
  }
}

export default App